<script setup>
import {reactive} from "vue";

const order = reactive({
    orderId: 0,
    orderDate:Date(),
    totalPrice:''
})

// let tableDate = {
//     orderId: order.orderId,
//     orderDate:order.orderDate,
//     totalPrice:order.totalPrice
// }

let tableDate = [{
    orderId: '1001',
    orderDate: '2023/5/20',
    totalPrice: '1200'
}]

</script>

<template>
<top/>
    <br><br><br>
    <el-card>
        <template #header>
            <div style="font-weight: 800">
                My Orders
            </div>
        </template>
        <el-table
                :data="tableDate"
                style="width: 100%"
        >
            <el-table-column prop="orderId" label="orderId"></el-table-column>
            <el-table-column prop="orderDate" label="订单时间" min-width="200"></el-table-column>
            <el-table-column prop="totalPrice" label="总支出(￥)" ></el-table-column>
        </el-table>
    </el-card>
    <br><br><br><br>
<bottom />
</template>

<style scoped>
.el-card{
    width: 600px;
}
</style>